<template>
  <!-- 只起到包裹作用，不会被渲染成真正的DOM元素 -->
  <div class="left">
    <ArtList></ArtList>
    <!-- 组件文件命名规范，应当为多词模式
    1、myLeft.vue
    2、MyLeft.vue
    3、my-left.vue
    如果组件文件名只有一个词，不符合规范，也可以在js中，通过定义name来解决问题 -->
  </div>
</template>
<script>
export default {
  name: "MyLeft",
};
</script>
<style>
.left {
  min-height: 100px;
  min-width: 100px;
  background-color: green;
}
</style>